export const DetailCheckListNotHandView: React.FC<Record<string, any>> = ({ notHandTaskNode }) => {
  /**
   *  处理节点间用户数据
   * @param dealerKey 岗位 & 用户 id
   * @param dealerName 岗位 & 用户 name
   * @returns
   */
  const handNodeUserList = (dealerName: string[]) => {
    let postNames: string[] = [];
    let userNames: string[] = [];

    dealerName?.forEach((item: any) => {
      const [postName, userName] = item?.split('|');
      postNames?.push(postName);
      userNames?.push(userName);
    });

    return {
      postNameStr: postNames?.length > 0 ? postNames?.join('，') : '',
      userNameStr: userNames?.length > 0 ? userNames?.join('，') : '',
    };
  };

  return (
    <>
      {notHandTaskNode?.map((itemHand: any, index: number) => {
        /** 获取到处理人的数据 */
        const userListName: string[] = itemHand?.postDealerName ? itemHand?.postDealerName?.split(',')?.filter((itemUserName: any) => itemUserName) : [];
        const taskUserName = handNodeUserList(userListName);

        return (
          // <tr key={`notTaskOA-${index}`}>
          //   <td style={{ width: '25%' }}>{itemHand.taskName}</td>
          //   <td style={{ width: '20%' }}>{taskUserName?.postNameStr || '--'}</td>
          //   <td style={{ width: '20%' }}>{taskUserName?.userNameStr || '--'}</td>
          //   <td style={{ width: '20%' }}>--</td>
          //   <td style={{ width: '15%' }}>--</td>
          // </tr>

          <tr key={`notTaskOA-${index}`}>
            <td style={{ width: '20%' }}>{itemHand.taskName}</td>
            <td style={{ width: '15%' }}>{taskUserName?.postNameStr || '--'}</td>
            <td style={{ width: '15%' }}>{taskUserName?.userNameStr || '--'}</td>
            <td style={{ width: '15%' }}>--</td>
            <td style={{ width: '20%' }}>--</td>
            <td style={{ width: '15%' }}>--</td>
          </tr>
        );
      })}
    </>
  );
};
